<script setup>
import { ref } from 'vue';
import { ElMessage } from 'element-plus';
import 'element-plus/dist/index.css';
import {userStore} from "@/store/index.js";
import { useRouter } from 'vue-router';
const router = useRouter();
import OrderAside from "@/components/OrderAside.vue";
</script>

<template>
  <div>
    <el-container>
<!--      <el-header>-->
<!--        <h2 style="display: flex; justify-content: center; align-items: center;">我的订单</h2>-->
<!--      </el-header>-->
      <el-container>
        <el-aside width="200px" class="menu">
          <!-- 侧边栏：引入自定义菜单 -->
          <OrderAside />
        </el-aside>
        <el-main>
          <!-- 路由占位符 -->
          <router-view />
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<style scoped>
.app-container {
  display: flex;
  height: 100vh;
}

.sidebar {
  width: 200px;
  background-color: #f0f2f5;
}

.main-content {
  flex-grow: 1;
  padding: 20px;
}
</style>